<template>
	<div class="header">
		<div class="header-search">
			<span class="iconfont">&#xe632;</span>
			<span>搜索目的地，折扣，关键词</span>
		</div>		
	</div>
	
</template>

<script>
</script>

<!-- sconped 局部样式-->
<style scoped>
	.header{
		width: 100%;
		height: 1rem;/* ;0.88rem */
		background-color: green;
		color: white;
		font-size: 0.36rem;/* 0.36rem */
		display: flex; /* 弹性盒子*/
		line-height: 0.88rem;
	}
	/* 搜索框 */
	.header-search{
		background-color: white;
		height: 0.6rem;
		color: gainsboro;
		line-height: 0.6rem;
		font-size: 0.28rem;		
		width: 90%;
		margin: auto auto;	
		text-align: left;
		padding-left: 0.2rem;
	}
	.header-search .iconfont{
		text-align: left;
	}
</style>
